{% extends "layout.html" %}
{% block body %}
<div class="page-header">
  <ul class="breadcrumb">
    <li><a href="/">Home</a></li>
    <li class="active">Account Page</li>
  </ul>
  <h3 id="containers">Welcome, {{ g.user.email }}</sub></h3>
</div>
      
<div class="account">
  <div class="col-lg-3">
    {% include 'account_navbar.html' %}
  </div>

  <div class="col-lg-9">
    <div class="panel panel-default account-pannel">
      <div class="panel-heading">
        <h3 class="panel-title"><span class="glyphicon glyphicon-th-large" aria-hidden="true"></span>
         My Comments
        </h3>
      </div>
      <div class="panel-body">
        {% if data %}
        <div class="list-group">
          {% for item in data %}
          <a href="{{ url_for('book', id=item.book_id) }}" class="list-group-item">
            <h4 class="list-group-item-heading">
                <span class="glyphicon glyphicon-knight" aria-hidden="true"></span> 
                {% if item.en_title %}
                  {{ item.en_title }}
                {% else %}
                  {{ item.title }}
                {% endif %}
            </h4>
            <p class="list-group-item-text">{{ item.content }}</p>
            <p class="list-group-item-text">{{ item.addtime|strftime }}</p>
          </a>
          {% endfor %}
        </div>
        {% else %}
        <p><em>Unbelievable.  No contents here so far</em></p>
        {% endif %}
      </div>
    </div>
  </div>
</div>
{% endblock %}

{% block title %}Comments Page - JiangHu Novel{% endblock %}